﻿import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.12
import QtQuick.Controls 1.4 as Control1
import AdControl 1.0
import QtCharts 2.14


Window {
    id:root
    width: 1200
    height: width/9*6
    visible: true
    title: qsTr("AdControl Demo")

    //     Button{
    //        id:button
    //        onClicked: {
    //           adCalendar.popup()
    //        }
    //     }

    //    AdToast{
    //        id:toast
    //    }
    //    Button{
    //        onClicked: {
    //            toast.show(new Date().toLocaleString())
    //        }
    //    }

    //    AdScrollText{
    //        text:new Date().toLocaleString()
    //    }

    //    AdBusyIndicator{
    //        anchors.centerIn: parent
    //        width: 100
    //        height:100
    //        headColor: "blue"
    //        tailColor: "white"
    //    }

    //    AdSideNavigationBar{
    //        width: 200
    //        height: parent.height
    //        mainLabelCollapseIcon: "/icon/left.svg"
    //        mainLabelExpandIcon: "/icon/down.svg"
    //        model:[
    //            {"main":"主标题1","subList":["子标题1","子标题2"],"icon":"/icon/home.svg"},
    //            {"main":"主标题2","subList":[],"icon":"/icon/home.svg"}

    //        ]
    //        onItemClicked: {
    //            console.log(label,currentSelectedLabel)
    //        }
    //    }



    //    AdTableView{
    //        id:tableView
    //        anchors.fill:parent
    //        showSelectColumn: true

    //        Control1.TableViewColumn{
    //           title: "column1"
    //           role: "column1"
    //           width: 100
    //           horizontalAlignment: Text.AlignHCenter
    //        }
    //        Control1.TableViewColumn{
    //           title: "column2"
    //           role: "column2"
    //           width: 300
    //           horizontalAlignment: Text.AlignHCenter
    //        }
    //        Control1.TableViewColumn{
    //           title: "column3"
    //           role: "column3"
    //           width: tableView.viewport.width-200
    //           horizontalAlignment: Text.AlignHCenter
    //        }

    //        onItemClick: {
    //            console.log(mouse.button,row,column)
    //        }

    //        Component.onCompleted: {
    //            for(var i=0;i<50;i++){
    //                var data = {"column1":i,"column2":i,"column3":i,"checked":false}
    //                tableView.listModel.append(data)
    //            }
    //        }
    //    }

    //    AdCheckBox{
    //        anchors.centerIn: parent
    //        text: "checkBox"
    //        font.pixelSize: 25
    //    }

    //    AdCalendar{
    //        id:adCalendar
    //        width: 300
    //        height: 300
    //        onClicked: {
    //            console.log(selectedYear,selectedMonth,selectedDay,selectedDate)
    //        }
    //    }

    //     AdComboBox{
    //         width: 200
    //        anchors.centerIn: parent
    //        model: ["a","b","c","b","c","b","c"]
    //     }

    //    AdSwitchButton{
    //        anchors.centerIn: parent
    //    }

    //    AdTextInput{
    //        width: 150
    //        anchors.centerIn: parent
    //        iconUrl: "/icon/home.svg"
    //        showIcon: true
    //        iconPostion: "right"
    //        onIconClicked: {
    //            console.log("icon")
    //        }
    //    }
    //    Column{
    //        anchors.centerIn: parent
    //        spacing: 20
    //    AdRadioButton{
    //    }

    //    AdRadioButton{
    //    }
    //    }

    //    AdButton{
    //        anchors.centerIn: parent
    //        text: "AdButton"
    //        height: 40
    //        //icon.source: "/icon/home.svg"
    //    }

    //    AdIconButton{
    //        iconCheckedSource :  "/icon/home.svg"
    //        iconUncheckedSource:  "/icon/down.svg"
    //        anchors.centerIn: parent
    //    }

    //    AdNumberInput{
    //        anchors.centerIn: parent

    //    }

    //    AdPieChart{
    //        id:adPieChart
    //        anchors.centerIn: parent
    //        model: [
    //            {"label":"pie1","value":10},
    //             {"label":"pie1","value":10},
    //             {"label":"pie1","value":10},
    //             {"label":"pie1","value":10},
    //             {"label":"pie1","value":10}
    //        ]
    //    }

    //    Button{
    //        onClicked: {
    //            barChart.model=[
    //                        {
    //                            "color":"yellow",
    //                            "label":"2002",
    //                            "value":[1,2,3,4,5]
    //                        },

    //                        {
    //                            "color":"red",
    //                            "label":"2002",
    //                            "value":[1,2,3,4,5]
    //                        }
    //                    ]
    //        }
    //    }

    //        AdBarChart{
    //            id:barChart
    //            anchors.centerIn: parent
    //            categoryAxis.categories: ["A","B","C","D","E"]
    //            model:[
    //                {
    //                    "color":"green",
    //                    "label":"2001",
    //                    "value":[1,2,3,4,5]
    //                }
    //            ]

    //            onBarSetClicked: {
    //                console.log(index,barset)
    //            }
    //        }


    //    AdMapChart{
    //       id:adMapChart
    //       anchors.fill: parent
    //       model:[
    //            {"name":"广东","value":30},   //每条数据代表地图上绘制的一个省份
    //            {"name":"四川","value":50},   //name为省份名，value为该省份数据，color为该省份颜色（可省略）
    //            {"name":"河北","value":40},
    //            {"name":"湖北","value":20},
    //            {"name":"北京","value":10},
    //            {"name":"西藏","value":40},
    //            {"name":"新疆","value":10},
    //            {"name":"海南","value":20},
    //        ]
    //        onPlateHovered: {
    //            console.log("hovered plate: ",plate)
    //        }
    //        onPlateClicked: {
    //            console.log("clicked plate: ",plate)
    //        }
    //    }

    //    Button{
    //        onClicked: {
    //            adMapChart.model = [
    //                        {"name":"湖南","value":30},   //每条数据代表地图上绘制的一个省份
    //                        {"name":"江西","value":50},   //name为省份名，value为该省份数据，color为该省份颜色（可省略）
    //                        {"name":"四川","value":40}
    //            ]
    //        }
    //    }


    //    AdLineChart{
    //        id:lineChart
    //        anchors.centerIn: parent

    //        model:[
    //            {
    //                "color":"green",
    //                "label":"2001",
    //                "value":[{"x":0,"y":1},{"x":1,"y":2},{"x":2,"y":3},{"x":3,"y":2},{"x":4,"y":1}]
    //            },
    //            {
    //                "color":"red",
    //                "label":"2001",
    //                "value":[{"x":0,"y":2},{"x":1,"y":3},{"x":2,"y":4},{"x":3,"y":2},{"x":4,"y":5}]
    //            }
    //        ]

    //        model:[
    //            {
    //                "color":"green",
    //                "label":"2001",
    //                "value":[{"x":"2021/04/01","y":1},{"x":"2021/04/10","y":2},{"x":"2021/04/15","y":3},{"x":"2021/04/17","y":2},{"x":"2021/04/20","y":1}]
    //            }
    //        ]
    //}

    //    Button{
    //        onClicked: {
    //            lineChart.model = [
    //                        {
    //                            "color":"green",
    //                            "label":"2001",
    //                            "value":[{"x":0,"y":1},{"x":1,"y":2},{"x":2,"y":3},{"x":3,"y":2},{"x":4,"y":1}]
    //                        },
    //                        {
    //                            "color":"red",
    //                            "label":"2001",
    //                            "value":[{"x":0,"y":2},{"x":1,"y":3},{"x":2,"y":4},{"x":3,"y":2},{"x":4,"y":5}]
    //                        }
    //                    ]
    //        }
    //    }

    //    AdWavyProgress{
    //        id:sphereProgress
    //        value:0.4
    //        anchors.centerIn: parent
    //        enableAnimation: true
    //    }

    //    Button{
    //        onClicked:  {
    //           // circularProgress.value+=10

    //        }
    //    }

    //    AdCircularProgress{
    //        id:circularProgress
    //        value:0.4
    //        anchors.centerIn: parent
    //    }

    //    AdLineProgress{
    //        id:adLineProgress
    //        value: 0.3
    //        anchors.centerIn: parent
    //        //indeterminate: true
    //    }

    //    Button{
    //        onClicked: {
    //            //adLineProgress.value+=0.1
    //            //adLineProgress.indeterminate = !adLineProgress.indeterminate
    //            adLineProgress.startIndeterminateAnimation()
    //        }
    //        onDoubleClicked: {
    //            adLineProgress.stopIndeterminateAnimation()
    //        }
    //    }

//    Button{
//        onClicked: pop.open()
//    }

//    AdDialog{
//        id:pop
//        title: "测试对话框"

//        Rectangle{
//            implicitHeight: 300
//            implicitWidth: 400
//            anchors.fill: parent
//            color: "white"

//            Text {
//                id: name
//                text: qsTr("text")
//                anchors.centerIn: parent
//                font.pixelSize: pop.headerTextSize
//            }
//        }

//        onClosing: {
//            close.accepted = true
//            console.log("did not prevent dialog close")
//        }

//        onFooterButtonClicked: {
//            console.log("clicked button:",label)

//            if(label==="确定"){
//                pop.close()
//            }else if(label ==="取消"){
//                pop.close()
//            }
//        }
//    }

//    Button{
//        id:button

//        AdToolTip{
//            text: qsTr("A descriptive tool tip of what the button does")
//        }
//    }

    Button{
        anchors.right: parent.right
        onClicked: {
            drawer.open()
        }
    }

    AdDrawer{
        id:drawer
        height: parent.height
        width: parent.width/2
        visible: true
    }
    Rectangle{
        id:rect
        width: 50
        height: 200
        x: drawer.width+drawer.x
        color: "red"
    }
}
